<template>
  <div class="applo">
    <div class="zzz">
      <div class="zzz1">
        <div class="zzz2">
          <div class="zzz3">
            <img src="../assets/首页_slices/打造前程标志(1).jpg" />
          </div>
          <div class="zzz4">
            <li>首页</li>
            <li>集团概况</li>
            <li>集团产业</li>
            <li>集团新闻</li>
            <li>合作院校</li>
            <li>联系我们</li>
            <li>招聘信息</li>
          </div>
        </div>
      </div>
      <div class="zzz5">
        <div class="zzz6">
          <h1>集团产业 · 电商板块</h1>
        </div>
      </div>
      <div class="zzz7">
        <div class="zzz8">
          <h2>当前位置：首页 > 新闻中心 ></h2>
        </div>
      </div>
    </div>
    <div class="go">
      <div class="go1">
        <div class="go2">
          <div class="go3">职教板块</div>
        </div>
        <div class="go4">
          <div class="go5">
            党的十九大提出，“深化产教融合、协同育人、校企合作”的要求，“支持和规范社会力量兴办教育”。集团公司教育板块契合国家政策，秉承“校企合作、产教融合，依托学校、独立发展”的职业教育发展模式，积极发挥企业办学的主体作用，促进人才培养供给侧和产业需求侧结构要素全方位融合。同时，围绕市场需求、产业需求等办专业，促进人才的良性发展，提高人力资本价值；
            开展引企入教、引教入企、产教融合，深化产教融合创新，积极探索发展校企共建专业、共建二级学院等合作模式，打造产教融合发展创新生态圈。
          </div>
          <div class="go6">
            <img src="../assets/职教_slices/摄图网_501010724_banner.png" />
          </div>
        </div>
      </div>
    </div>
    <div class="to">
      <div class="to1">
        <div class="to2">
          <div class="to3">合作模式</div>
        </div>
        <div class="to4">
          国务院下发的《关于加快发展现代职业教育的决定》中提出，引导支持社会力量兴办职业教育，创新民办职业教育办学模式，积极支持各类办学主体通过独资、合资、合作等多种形式举办民办职业教育；探索发展现代化产业学院。集团公司积极响应国家的一系列职教改革政策，深化产教融合、校企合作，参与学校办学，探索校企合作模式。企业参与学校办学注重人才的实用性与实效性，注重在校学习与企业实践。同时，注重学校与企业资源、信息共享的“双赢”模式。目前与学校合作的模式有：校企共建专业、校企共建二级学院。
        </div>
        <div class="to5">
          <img src="../assets/职教_slices/编组 5.png" />
        </div>
      </div>
    </div>
    <div class="ao">
      <div class="ao1">
        <div class="ao2">特色优势</div>
        <div class="ao3">
          <div class="ao4" v-for="(people, aobo) in quine" :key="aobo">
            <div class="ao5"><img :src="people.img" /></div>
            <div class="ao6">
              <p>{{ people.msg }}</p>
              <h1>{{ people.one }}</h1>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="bo">
      <div class="bo1">
        <div class="bo2">教学产品</div>
        <div class="bo3">
          <div class="bo4" v-for="(vv, vvv) in qing" :key="vvv">
            <div class="bo5">
              <img :src="vv.ii" />
            </div>
            <div class="bo6">
              <p>{{ vv.mm }}</p>
              <h1>{{ vv.oo }}</h1>
            </div>
          </div>
        </div>
      </div>
    </div>
    <BeauTial></BeauTial>
  </div>
</template>
<script>
import BeauTial from "/桌面/dzqc/src/components/BeauTial.vue";
export default {
  name: "LxWm",
  components: {
    BeauTial,
  },
  data() {
    return {
      quine: [
        {
          img: require("../assets/职教_slices/商务.png"),
          msg: "完善的就业服务体系",
          one: "与知名企业、幼教机构保持长期的合作关系，如阿里巴巴、百度、京东、华为、汇爱教育等，助力学生高薪就业。",
        },
        {
          img: require("../assets/职教_slices/训练 培养.png"),
          msg: "产、学、研、创一体化实训平台",
          one: "结合互联网和幼教专业需求，建设有“软件开发实训中心”、“智能互联网实训室”、“数字媒体技术实训室”、“人工智能实训室”、“产、学、研、转、创”实训基地等",
        },
        {
          img: require("../assets/职教_slices/流程.png"),
          msg: "完善的实习实训体系",
          one: "以企业实际项目、业务流程为背景，保障教学以及项目实训课程更接近实际生产业务流程，让学生更深层次的了解专业市场需求。",
        },
        {
          img: require("../assets/职教_slices/教育.png"),
          msg: "产学融通的人才培养模式",
          one: "取“专业化教育、个性化指导、全程化服务”的双创教育机制，“双线培养、学岗融通、产教融合、校企共育”的新型人才培养模式",
        },
        {
          img: require("../assets/职教_slices/课程.png"),
          msg: "新锐的课程体系",
          one: "以学生为主体、以能力训练为目标，与职业标准对接，产教融合的应用型课程内容体系",
        },
        {
          img: require("../assets/职教_slices/矩形.png"),
          msg: "雄厚的师资力量",
          one: "以兼具高学历、实战经验丰富的“双师型”人才作为师资的主力军，以专业学科带头人为核心，以骨干教师为中坚，教学质量高、教学效果好、实战能力强",
        },
      ],
      qing: [
        {
          ii: require("../assets/职教_slices/编组 17.png"),
          mm: "大数据技术",
          oo: "培养大数据分析挖掘与处理、移动开发与架构、云计算等高级专业大数据技术人才",
        },
        {
          ii: require("../assets/职教_slices/编组 20.png"),
          mm: "软件技术",
          oo: "培养从事网站开发员、信息化管理员、软件开发、软件维护等工作的应用型专门人才",
        },
        {
          ii: require("../assets/职教_slices/编组 21.png"),
          mm: "云计算技术应用",
          oo: "培养从事云计算技术支持、云计算运维工程师创新创业型技术技能拔尖人才",
        },
        {
          ii: require("../assets/职教_slices/编组 22.png"),
          mm: "电子商务",
          oo: "培养具有较强的电子商务应用能力，从事现代电子商务运作与管理的高素质应用工程师型人才",
        },
        {
          ii: require("../assets/职教_slices/编组 23.png"),
          mm: "网络营销与直播电商",
          oo: "培养“懂营销，会策划，善实操，精技术”的高端复合型技术人才",
        },
        {
          ii: require("../assets/职教_slices/编组 26.png"),
          mm: "数字媒体技术",
          oo: "培养影视与动画设计制作、虚拟现实与游戏开发、人机交互系统研发等工作的交叉性复合型人才",
        },
        {
          ii: require("../assets/职教_slices/编组 27.png"),
          mm: "人工智能技术应用",
          oo: "培养爬虫工程师、运维工程师、实施工程师等创新创业型技术技能拔尖人才",
        },
        {
          ii: require("../assets/职教_slices/编组 29.png"),
          mm: "移动应用开发",
          oo: "培养互联网开发和企业网站开发领域的高素质劳动者和专业技术技能人才",
        },
        {
          ii: require("../assets/职教_slices/编组 31.png"),
          mm: "婴幼儿托育服务与管理",
          oo: "培养较扎实的专业技能、活动设计和组织能力、人际交往能力等全方位婴幼儿领域的专业人才",
        },
        {
          ii: require("../assets/职教_slices/椭圆形.png"),
          mm: "早期教育",
          oo: "培养从事儿童教育管理、服务及学前儿童教学活动等工作的教育工作者",
        },
        {
          ii: require("../assets/职教_slices/椭圆形(1).png"),
          mm: "计算机应用技术",
          oo: "培养具备计算机专业知识和较强的计算机办公自动化、数据库等常用软件应用能力",
        },
        {
          ii: require("../assets/职教_slices/椭圆形(6).png"),
          mm: "商务数据分析与应用",
          oo: "培养具有“懂业务、懂管理、懂分析、懂工具、懂设计”的复合型人才",
        },
        {
          ii: require("../assets/职教_slices/椭圆形(3).png"),
          mm: "网络直播与运营",
          oo: "培养能够将互联网直播技术和传统媒体技能相结合的新型互联网人才",
        },
        {
          ii: require("../assets/职教_slices/椭圆形(2).png"),
          mm: "物联网应用技术",
          oo: "培养有基础知识及专业技能，并具有较强综合职业能力的高素质劳动者和技能型人才",
        },
        {
          ii: require("../assets/职教_slices/椭圆形(4).png"),
          mm: "智能互联网络技术",
          oo: "培养从事各类电子与信息系统、智能信息领域科学研究、开发及应用的复合型高级科技人才",
        },
        {
          ii: require("../assets/职教_slices/椭圆形(5).png"),
          mm: "全媒体广告策划与营销",
          oo: "培养广告活动整体策划与营销推广综合能力，策划、营销、执行等工作的高素质技术技能人才",
        },
        {
          ii: require("../assets/职教_slices/椭圆形(10).png"),
          mm: "融媒体技术与运营",
          oo: "培养能独立生产融媒体内容，提笔能写、举机能拍、对筒能讲的全媒体人才能力",
        },
        {
          ii: require("../assets/职教_slices/椭圆形(8).png"),
          mm: "工业互联网技术",
          oo: "培养从事工业控制计算机选型、安装、应用开发的高级技术应用性专门人才",
        },
        {
          ii: require("../assets/职教_slices/椭圆形(7).png"),
          mm: "医学营养",
          oo: "培养从事临床营养、公共营养、健康管理与营养咨询等工作的高素质实用型健康管理专门人才",
        },
        {
          ii: require("../assets/职教_slices/椭圆形(9).png"),
          mm: "健康管理",
          oo: "培养从事健康信息检测、健康咨询、健康指导等工作的高素质实用型健康管理专门人才",
        },
      ],
    };
  },
};
</script>
<style scoped>
.zzz {
  width: 1920px;
  height: 428px;
  /* border: 1px solid red; */
}
.zzz1 {
  width: 1920px;
  height: 56px;
  margin-top: 23px;
  display: flex;
  /* border: 1px solid red; */
}
.zzz2 {
  width: 1200px;
  height: 54px;
  display: flex;
  margin-left: 360px;
  /* border: 1px solid red; */
}
.zzz3 {
  margin-top: -6px;
}
.zzz4 {
  width: 656px;
  height: 22px;
  display: flex;
  margin-left: 363px;
  list-style-type: none;
  margin-top: 16px;
  /* border: 1px solid red; */
}
.zzz4 li {
  font-size: 16px;
  font-weight: 400;
  color: #444444;
  line-height: 22px;
  padding-left: 34px;
}
.zzz5 {
  width: 1920px;
  height: 300px;
  background: url(../assets/职教_slices/矿山.png);
  /* border: 1px solid red; */
}
.zzz6 {
  width: 320px;
  height: 78px;
  padding-top: 115px;
  margin-left: 852px;
  /* border: 1px solid red; */
}
.zzz6 h1 {
  font-size: 36px;
  font-weight: 500;
  color: #ffffff;
  line-height: 50px;
}
.zzz7 {
  width: 1920px;
  height: 46px;
  /* border: 1px solid red; */
}
.zzz8 {
  width: 227px;
  height: 17px;
  margin-left: 360px;
  margin-top: 15px;
  border: 1px solid white;
}
.zzz8 h2 {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 2px;
}
.go {
  width: 1920px;
  height: 508px;
  /* border: 1px solid red; */
}
.go1 {
  width: 1200px;
  height: 508px;
  margin-left: 360px;
  /* border: 1px solid red; */
}
.go2 {
  width: 1200px;
  height: 45px;
  margin-top: 64px;
  /* border: 1px solid red; */
}
.go3 {
  width: 160px;
  height: 45px;
  font-size: 32px;
  font-weight: 500;
  color: #444444;
  line-height: 45px;
  margin-left: 520px;
}
.go4 {
  width: 1200px;
  height: 300px;
  margin-top: 45px;
  display: flex;
  /* border: 1px solid red; */
}
.go5 {
  width: 600px;
  height: 280px;
  font-size: 16px;
  font-weight: 400;
  color: #444444;
  line-height: 40px;
}
.go6 {
  width: 500px;
  height: 300px;
  margin-left: 100px;
}
.to {
  width: 1920px;
  height: 1074px;
  background: url(../assets/职教_slices/热区.png);
  /* border: 1px solid red; */
  border-style: dashed;
}
.to1 {
  width: 1200px;
  height: 962px;
  margin-left: 360px;
  /* border: 1px solid red; */
}
.to2 {
  width: 1200px;
  height: 45px;
  margin-top: 26px;
  /* border: 1px solid red; */
}
.to3 {
  width: 160px;
  height: 45px;
  font-size: 32px;
  font-weight: 500;
  color: #444444;
  line-height: 45px;
  margin-left: 520px;
}
.to4 {
  width: 1200px;
  height: 118px;
  font-size: 16px;
  font-weight: 400;
  color: #444444;
  line-height: 32px;
  margin-top: 28px;
}
.to5 {
  width: 1200px;
  height: 754px;
  border-style: dashed;
}
.ao {
  width: 1920px;
  height: 900px;
  background: #f8f8f8;
  /* border: 1px solid red; */
}
.ao1 {
  width: 1200px;
  height: 756px;
  margin-left: 360px;
  border: 1px solid white;
}
.ao2 {
  width: 880px;
  height: 45px;
  font-size: 32px;
  font-weight: 500;
  color: #444444;
  line-height: 45px;
  text-align: center;
  margin-left: 168px;
  margin-top: 60px;
  /* border: 1px solid red; */
}
.ao3 {
  width: 1200px;
  height: 674px;
  margin-top: 41px;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  /* border: 1px solid red; */
}
.ao4 {
  width: 384px;
  height: 325px;
  background: #ffffff;
  border-radius: 8px;
  /* border: 1px solid red; */
}
.ao5 {
  width: 60px;
  height: 60px;
  margin-top: 54px;
  margin-left: 162px;
  /* border: 1px solid red; */
}
.ao6 p {
  height: 25px;
  font-size: 18px;
  font-weight: 500;
  color: #444444;
  line-height: 25px;
  text-align: center;
  margin-top: 25px;
}
.ao6 h1 {
  width: 304px;
  height: 96px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 24px;
  margin-left: 54px;
}
.bo {
  width: 1920px;
  height: 1417px;
  background: #ffffff;
  /* border: 1px solid red; */
}
.bo1 {
  width: 1200px;
  height: 1257px;
  margin-left: 360px;
  margin-top: 80px;
  /* border: 1px solid red; */
}
.bo2 {
  width: 880px;
  height: 45px;
  font-size: 32px;
  font-weight: 500;
  color: #444444;
  line-height: 45px;
  margin-left: 168px;
  text-align: center;
}
.bo3 {
  width: 1200px;
  height: 1152px;
  margin-top: 60px;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  /* border: 1px solid red; */
}
.bo4 {
  width: 236px;
  height: 273px;
  background: #ffffff;
  /* border: 1px solid red; */
}
.bo5 {
  width: 80px;
  height: 80px;
  margin-left: 80px;
  margin-top: 30px;
  /* border: 1px solid red; */
}
.bo6 p {
  height: 25px;
  font-size: 18px;
  font-weight: 500;
  color: #444444;
  line-height: 25px;
  margin-top: 32px;
  text-align: center;
}
.bo h1 {
  width: 200px;
  height: 60px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
  margin-left: 20px;
}
</style>